<template>
    <div class="imp_header"  v-if="$route.meta.showHeader">
      <impHeader/>
    </div>
  
    <div class="my_content1">
      <div>
        <router-view class="my_view"></router-view>
      </div>
    </div>
    <div class="imp_footer"  v-if="$route.meta.showFooter">
      <impFooter/>
    </div>
</template>
<script>
import impHeader from "./views/header.vue"
import impFooter from "./views/footer.vue"

export default {
    name: 'App',
    computed: {
      // 使用对象展开运算符将此对象混入到外部对象中
      // ...mapState([
      //   // 传字符串参数 'collapsed' 等同于 `state => state.collapsed`
      //   'collapsed'
      // ]),
    },
    components: {
      impHeader,
      impFooter,
    },
    data(){
      return{

      }
    },
    mounted() {

    }
}
</script>
<style lang="scss">
.my_view{
  height: calc(100% - 180px)!important;
}
#app{
  height:100%;
}
body{
  // height:100%;
  margin:0;
}
.imp_header{
  height: 90px;
}
.imp_footer{
  height: 90px;
}
.my_content1{
  // height: 100%;
  min-height: calc(100% - 180px);
}
</style>
